@import "./normalize.css";

@import "https://at.alicdn.com/t/font_2559410_7ih6tcqtq07.css?spm=a313x.7781069.1998910419.47&file=font_2559410_7ih6tcqtq07.css";

@import "./element.css";

.el-drawer.ltr, .el-drawer.rtl, .el-drawer__container {
    height: calc(80vh - 55px) !important;
}

.el-slider__bar {
    background-color: #ff4e4e !important;
}

.el-slider__button {
    border: 1px solid #ccc !important;
    width: 10px !important;
    height: 10px !important;
}

.el-slider__runway {
    height: 5px ! important;
}

.el-slider__bar {
    height: 5px !important;
}

* {
    /* 火狐 */
    scrollbar-width: thin;
}

*::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

*::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #ccc;
}

html, body {
    height: 100%;
    width: 100%;
}

i, tr, .buttons div {
    cursor: pointer;
}

.buttons div {
    background-color: #fff;
}

.buttons div:hover {
    filter: brightness(0.97);
}

/*:root -> 获取根元素html*/
:root {
    --color-text: #666;
    --color-high-text: #317ffb;
    --color-tint: #51d9fb;
    --color-background: #fff;
    --font-size: 14px;
    --line-height: 1.5;
}

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    user-select: none; /* 禁止用户鼠标在页面上选中文字/图片等 */
    -webkit-tap-highlight-color: transparent; /* webkit是苹果浏览器引擎，tap点击，highlight背景高亮，color颜色，颜色用数值调节 */
    background: var(--color-background);
    color: var(--color-text);

}

a {
    color: var(--color-text);
    text-decoration: none;
}

li {
    list-style: none;
}


.clear-fix::after {
    clear: both;
    content: '';
    display: block;
    width: 0;
    height: 0;
    visibility: hidden;
}

.clear-fix {
    zoom: 1;
}

/* .left {
  float: left;
}

.right {
  float: right;
}
 */

/* 火狐专用属性 */
@-moz-document url-prefix() {
    .el-aside {
        height: calc(100vh - 105px) !important;
    }

    .routerView {
        height: calc(100vh - 105px) !important;
    }

    .discover {
        height: calc(100vh - 158px) !important;
    }

    .commentCardSwitch {
        top: calc(100vh - 105px) !important;
    }

    .album {
        height: calc(100vh - 105px) !important;
    }

    .musicDetailCard .album {
        height: unset !important;
    }

    .favorites {
        height: calc(100vh - 165px) !important;
    }

    .musicDetailCard {
        height: calc(100vh - 55px) !important;
    }

    .hide {
        bottom: calc(-100vh + 55px) !important;
    }

    .bottom {
        width: 55vw !important;
    }

    .Personal {
        height: calc(100vh - 105px) !important;
    }

    .mvList .cardList {
        height: calc(100vh - 265px) !important;
    }

    .videoList .cardList {
        height: calc(100vh - 215px) !important;
    }

    .videoDetail {
        height: calc(100vh - 105px) !important;
    }

    .el-drawer.ltr, .el-drawer.rtl, .el-drawer__container {
        height: calc(100vh - 55px) !important;
    }

    .el-slider__bar {
        background-color: #ff4e4e !important;
    }

    .el-slider__button {
        border: 1px solid #ccc !important;
        width: 8px !important;
        height: 8px !important;
    }

    .el-slider__runway {
        height: 4px ! important;
    }

    .el-slider__bar {
        height: 4px !important;
    }

    .el-slider__button-wrapper {
        top: -16px !important;
    }
}
